    <div class="container margin-top-content">
      <div class="row">
        <div class="col-md-10 col-md-offset-1">
          <div class="col-md-12">
            <div class="row outer-border shadow singlepage">
              
              <div class="col-md-9 padding15">
			  
          		  <div class="font-biru"><center><b>Jumlah Client</b></center></div>
          			<div class="chartJS chartArea">				
          				<canvas id="bar-chart-js" height="400" width="650"></canvas>
          			</div>	
              </div>
              <div class="col-md-3 padding15">
                <?php
                  $this->load->view('sidebar_page');
                ?>
              </div>
            <div class="clearfix"></div>
            </div>
          </div>
        <div class="clearfix"></div>
        </div>
      </div>
    </div>
	
<!-- Chart //-->
<?php 
		if(isset($list_chart)){
			foreach($list_chart as $val){
				$hasil_tahun[]=$val['tahun'];
				$hasil_jumlah[]=$val['jumlah'];
			}
		}
		$jumlah =  json_encode($hasil_jumlah);
		$tahun =  json_encode($hasil_tahun);
?>
	
<script>
	/**
 * Created by westilian on 1/19/14.
 */

(function(){
    var t;
    function size(animate){
        if (animate == undefined){
            animate = false;
        }
        clearTimeout(t);
        t = setTimeout(function(){
            $("canvas").each(function(i,el){
                $(el).attr({
                    "width":$(el).parent().width(),
                    "height":$(el).parent().outerHeight()
                });
            });
            redraw(animate);
            var m = 0;
            $(".chartJS").height("");
            $(".chartJS").each(function(i,el){ m = Math.max(m,$(el).height()); });
            $(".chartJS").height(m);
        }, 30);
    }
    $(window).on('resize', function(){ size(false); });


    function redraw(animation){
        var options = {};
        if (!animation){
            options.animation = false;
        } else {
            options.animation = true;
        }

	
        var barChartData = {
            labels : <?php echo $tahun;?>,
            datasets : [
                {
                    fillColor : "#0174be",
                    strokeColor : "#0174be",
                    data : <?php echo $jumlah;?>
                }
            ]

        }

        var myLine = new Chart(document.getElementById("bar-chart-js").getContext("2d")).Bar(barChartData);
    }
    size(true);

}());
</script>
<!-- End Chart //-->